import Vue from "vue";

import App from "./App.vue";

import VueRouter from "vue-router";
// VueRouter.install(Vue)
Vue.use(VueRouter);

import UsersA from "./components/UsersA.vue";
import UsersB from "./components/UsersB.vue";
import UsersC from "./components/UsersC.vue";

const router = new VueRouter({
  routes: [
    {
      // /users/a/100 /users/a/a  /user/a/c
      path: "/users/:a/:id",
      component: UsersA,
    },
    {
      path: "/users/b",
      component: UsersB,
    },
    {
      path: "/users/c",
      component: UsersC,
    },
  ],
});

new Vue({
  render: (h) => h(App),
  router,
}).$mount("#app");
